<%--
  Created by IntelliJ IDEA.
  User: xlro
  Date: 2021/5/23
  Time: 14:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>图书个人信息</title>
    <style>
        #top-image {
            background: linear-gradient(
                    rgba(0, 0, 0, 0.2),
                    rgba(0, 0, 0, 0.2)
            ), url('jQuery/images/1.jpg') no-repeat fixed;
            position:fixed ;
            top:0;
            width:100%;
            z-index:0;
            height:100%;
        }
    </style>
</head>
<body>
<%@include file="alert.jsp"%>

<div id="top-image">
    <form class="layui-form" method="post" action="/addBook" style="position: absolute;left: 33px;top: 10px;">
        <div class="layui-card">
            <div class="layui-card-body">
                <p>书籍名</p><input type="text" name="name"  value="">
                <p>作者</p><input type="text" name="author" value="">
                <p>图书馆</p><input type="text" name="library" value="">
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-body">
                <p>排序</p><input type="text" name="sort" value="">
                <p>位置</p><input type="text" name="position" value="">
                <p>标识</p><input type="text" name="status" value="">
                <p>描述</p><textarea name="desc" id="" style="width: 170px" cols="15" rows="5"></textarea>
            </div>
            <div class="layui1-input-block" style="position: relative;left: 25%;top: 50%">
                <button class="layui-btn layui-btn-radius" lay-submit
                        lay-filter="*" style="width: 66px;position: relative;left: 16%">添加
                </button>
            </div>
        </div>
    </form>
</div>
<script src="layui/layui.js"></script>
<script src="jQuery/js/jquery-1.11.0.min.js"></script>
<script src="jQuery/js/ios-parallax.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#top-image').iosParallax({
            movementFactor: 500,
            dampenFactor: 100
        });
    });
</script>
</body>
</html>
